<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>中华美食网</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jQuery1.7.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/unslider.min.js"></script>
		<script src="js/banner.js"></script>
	</head>
	<body>
		<!--顶端导航-->
		<div id="top">
			<ul id="top-menu">
				<li>
					<a href="index.html">
						<img id="icon1" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII中.png"/>
						首页
					</a>
				</li>
				<li>
					<a href="CaiPu.jsp">
						菜谱
					</a>
				</li>
				<li>
					<a href="zhuanti.html">
						专题
					</a>
				</li>
				<li>
					<a href="fabu.html">
						美食发布
					</a>
				</li>
			</ul>
			<div id="top-menu-right">
				<a href="login.html">
					登录
				</a>
			</div>
		</div>
		<div class="container location">
			<div id="logo">
				<div>
					<img id="icon2" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII大.png"/>
				</div>
				<div id="logo-right">
					<ul id="right-bar">
						<li class="bar-li active">
							<a href="#">每日推荐</a>
						</li>
						<li class="bar-li">
							<a href="CaiPu.jsp">菜谱</a>
						</li>
						<li class="bar-li">
							<a href="zhuanti.html">美食专题</a>
						</li>
					</ul>
					<div id="search">
						<input type="text" name="searchKey" placeholder="搜索菜谱" class="sear-text">	
						<button type="button" class="sear-btn btn-search">
							<img class="f2" src="img/search.png"/>
						</button>	
					</div>
					<a id="issue" href="fabu.html">
						<img class="f3" src="img/add.png"/>
						发布
					</a>
				</div>
			</div>
			<div id="tittle">
				精挑细选只为一天的三餐
			</div>
			<!--轮播图-->
			<div id="banner" class="b04">
				<ul>
					<li>
						<img src="img/01.jpg" alt="" width="100%" height="300" />
					</li>
					<li>
						<img src="img/02.jpg" alt="" width="100%" height="300"/>
						
					</li>
					<li>
						<img src="img/03.jpg" alt="" width="100%" height="300"/>
					</li>
				</ul>
				<a href="javascript:void(0);" class="unslider-arrow04 prev">
					<img class="arrow" id="al" src="img/arrowl.png" alt="prev" width="15" height="25">
				</a>
				<a href="javascript:void(0);" class="unslider-arrow04 next">
					<img class="arrow" id="ar" src="img/arrowr.png" alt="next" width="15" height="25">
				</a>
			</div>
			<div id="categoriy">
				<div class="items">
					<img src="img/i1.png" class="icon3"/>
					<li class="items-t">菜系类别</li>
					<li>
						<a href="CaiPu.jsp">川菜</a>
					</li>
					<li>
						<a href="#">湘菜</a>
					</li>
					<li>
						<a href="#">鲁菜</a>
					</li>
					<li>
						<a href="#">粤菜</a>
					</li>
					<li>
						<a href="#">赣菜</a>
					</li>
					<li>
						<a href="#">浙菜</a>
					</li>
					<li>
						<a href="#">闵菜</a>
					</li>
					<li>
						<a href="#">京菜</a>
					</li>
				</div>
				<div class="items">
					<img src="img/i2.png" class="icon3"/>
					<li class="items-t">菜品菜式</li>
					<li>
						<a href="#">家常菜</a>
					</li>
					<li>
						<a href="#">卤菜</a>
					</li>
					<li>
						<a href="#">下饭菜</a>
					</li>
					<li>
						<a href="#">炒饭</a>
					</li>
					<li>
						<a href="#">面食</a>
					</li>
					<li>
						<a href="#">汤</a>
					</li>
					<li>
						<a href="#">凉菜</a>
					</li>
					<li>
						<a href="#">热菜</a>
					</li>
					<li>
						<a href="#">素菜</a>
					</li>
					<li>
						<a href="#">海鲜</a>
					</li>
					<li>
						<a href="#">糕点</a>
					</li>
					<li>
						<a href="#">小吃</a>
					</li>
				</div>
				<div class="items">
					<img src="img/i3.png" class="icon3"/>
					<li class="items-t">工艺口味</li>
					<li>
						<a href="#">辣</a>
					</li>
					<li>
						<a href="#">甜</a>
					</li>
					<li>
						<a href="#">酸</a>
					</li>
					<li>
						<a href="#">苦</a>
					</li>
					<li>
						<a href="#">咸</a>
					</li>
					<li>
						<a href="#">爽口</a>
					</li>
					<li>
						<a href="#">清单</a>
					</li>
					<li>
						<a href="#">焖</a>
					</li>
					<li>
						<a href="#">炒</a>
					</li>
					<li>
						<a href="#">蒸</a>
					</li>
					<li>
						<a href="#">炖</a>
					</li>
					<li>
						<a href="#">煮</a>
					</li>
					<li>
						<a href="#">煨</a>
					</li>
					<li>
						<a href="#">煎</a>
					</li>
					<li>
						<a href="#">烧</a>
					</li>
				</div>
				<div class="items">
					<img src="img/i4.png" class="icon3"/>
					<li class="items-t">场景功效</li>
					<li>
						<a href="#">早餐</a>
					</li>
					<li>
						<a href="#">午餐</a>
					</li>
					<li>
						<a href="#">下午茶</a>
					</li>
					<li>
						<a href="#">晚餐</a>
					</li>
					<li>
						<a href="#">夜宵</a>
					</li>
					<li>
						<a href="#">减肥</a>
					</li>
					<li>
						<a href="#">聚会</a>
					</li>
					<li>
						<a href="#">野餐</a>
					</li>
					<li>
						<a href="#">休闲</a>
					</li>
				</div>
			</div>
			<div id="tab">
				<span id="commend">
					推荐菜谱
				</span>
				<ul class="tab_menu">
					<li class="selected">今日推荐</li>
					<li>美妙早餐</li>
					<li>绝佳午餐</li>
					<li>可口晚餐</li>
				</ul>
				<a href="CaiPu.jsp" class="f4">全部菜谱</a>
				<div class="tab_box">
					<div class="selected">
						<div class="container">
							<div class="row clearfix">
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff1.jpg"/>
									</div>	
									<a href="caipin.html">三文鱼沙拉</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff1.jpg"/>
									</div>									
									<a href="caipin.html">三文鱼沙拉</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff1.jpg"/>
									</div>									
									<a href="caipin.html">三文鱼沙拉</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff1.jpg"/>
									</div>
									<a href="caipin.html">三文鱼沙拉</a>
								</div>
							</div>
						</div>
					</div>
					<div class="hided">
						<div class="container">
							<div class=" row clearfix">
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff2.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff2.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff2.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff2.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
							</div>
							
							
						</div>
					</div>
					<div class="hided">
						<div class="container">
							<div class="row clearfix">
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff3.jpg"/>
									</div>									
									<a href="#">炒扇贝</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff3.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff3.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
								<div class="col-md-3 column">
									<div class="img-radius">
										<img src="img/ff3.jpg"/>
									</div>									
									<a href="caipin.html">蒜蓉虾</a>
								</div>
							</div>
						</div>
					</div>
					<div class="hided">
						<div class="container">
							<div class="row clearfix">
								<div class="col-md-3">
									<div class="img-radius">
										<img src="img/ff4.jpg"/>
									</div>									
									<a href="caipin.html">酱汁肉圆</a>
								</div>
								<div class="col-md-3">
									<div class="img-radius">
										<img src="img/ff4.jpg"/>
									</div>									
									<<a href="caipin.html">酱汁肉圆</a>
								</div>
								<div class="col-md-3">
									<div class="img-radius">
										<img src="img/ff4.jpg"/>
									</div>									
									<<a href="caipin.html">酱汁肉圆</a>
								</div>
								<div class="col-md-3">
									<div class="img-radius">
										<img src="img/ff4.jpg"/>
									</div>									
									<<a href="caipin.html">酱汁肉圆</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--美食做法和动态-->
			<div id="board">
				<div class="container">
					<div class="row clearfix">
						<div class="col-md-8 column">
							<span class="board-t">
								美食做法
							</span>
							<div class="row clearfix">
								<div class="col-md-4 column" id="display">
									<div id="img-play">
										<img src="img/ff5.jpg" class="blowup">
									</div>
									<div id="board-play">
										<a href="caipin.html">百珍果汁</a>
										<span>一片土黄好看死了</span>
									</div>
								</div>
								<div class="col-md-8 column">
									<div class="row clearfix">
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
									</div>
									<div class="row clearfix">
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
									</div>
									<div class="row clearfix">
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
										<div class="col-md-4 column">
											<a href="caipin.html">
												<div class="div-hidden">
													<span>蛋糕卷啊卷</span>
												</div>
											</a>
											<img class="f5" src="img/ff6.jpg"/>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4 column">
							<span class="board-t">最新动态</span>
							<div id="all-board">
								<ul>
									<div class="board-show">
									<div class="portrait">
										<img src="img/t1.jpg"/>
									</div>
									<div class="name">
										<a href="#">慕容李大狗</a>
									</div>
									<div class="name">
										做了一道美味的“<a href="caipin.html">豆沙馅方糕</a>”
									</div>
									<div class="prior">10分钟前</div>
									<div class="introduce">
										养生补血益气滋养茶，这是一道非常营养美味的饮品。红枣对人体非常有益，还有补血的功效。
										高丽参和当归都是营养价值非常高的药材，用来煲汤非常有益，用来煮茶也是非常健康的。
										所以这个茶是非常滋补的。还有益气补血的功效，特别是对女人特别好。
									</div>
									<div class="b-show">
										<img src="img/ff10.png"/>
									</div>
								</div>
								    <div class="board-show">
									<div class="portrait">
										<img src="img/t1.jpg"/>
									</div>
									<div class="name">
										<a href="#">慕容李二狗</a>
									</div>
									<div class="name">
										做了一道美味的“<a href="caipin.html">豆沙馅方糕</a>”
									</div>
									<div class="prior">10分钟前</div>
									<div class="introduce">
										养生补血益气滋养茶，这是一道非常营养美味的饮品。红枣对人体非常有益，还有补血的功效。
										高丽参和当归都是营养价值非常高的药材，用来煲汤非常有益，用来煮茶也是非常健康的。
										所以这个茶是非常滋补的。还有益气补血的功效，特别是对女人特别好。
									</div>
									<div class="b-show">
										<img src="img/ff10.png"/>
									</div>
								</div>
									<div class="board-show">
									<div class="portrait">
										<img src="img/t1.jpg"/>
									</div>
									<div class="name">
										<a href="#">慕容李三狗</a>
									</div>
									<div class="name">
										做了一道美味的“<a href="caipin.html">豆沙馅方糕</a>”
									</div>
									<div class="prior">10分钟前</div>
									<div class="introduce">
										养生补血益气滋养茶，这是一道非常营养美味的饮品。红枣对人体非常有益，还有补血的功效。
										高丽参和当归都是营养价值非常高的药材，用来煲汤非常有益，用来煮茶也是非常健康的。
										所以这个茶是非常滋补的。还有益气补血的功效，特别是对女人特别好。
									</div>
									<div class="b-show">
										<img src="img/ff10.png"/>
									</div>
								</div>
								</ul>
							</div>
						</div>
					</div>
					</div>
				</div>
			</div>
			<div id="subject">
				<div class="container">
					<div class="row clearfix">
						<span class="board-t"><a href="zhuanti.html">美食专题</a></span>
						<div class="col-md-4 column">
							<div class="sub-inner">
								<div class="sub-play">
									<img src="img/ff8.png" class="blowup">
								</div>
								<div class="sub-text">
									<a href="zhuanti-info.html">早餐吃什么好</a>
									<p>生活在这样一个忙碌的大都市中，人们大部分时间都花在了工作上，很难有多余的时间来准
										备早餐，或去考虑早餐吃什么，即使遇到周末，也宁愿睡懒觉。但大家可知道，早餐距离
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 column">
							<div class="sub-inner">
								<div class="sub-play">
									<img src="img/ff8.png" class="blowup">
								</div>
								<div class="sub-text">
									<a href="zhuanti-info.html">早餐吃什么好</a>
									<p>生活在这样一个忙碌的大都市中，人们大部分时间都花在了工作上，很难有多余的时间来准
										备早餐，或去考虑早餐吃什么，即使遇到周末，也宁愿睡懒觉。但大家可知道，早餐距离
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 column">
							<div class="sub-inner">
								<div class="sub-play">
									<img src="img/ff8.png" class="blowup">
								</div>
								<div class="sub-text">
									<a href="zhuanti-info.html">早餐吃什么好</a>
									<p>生活在这样一个忙碌的大都市中，人们大部分时间都花在了工作上，很难有多余的时间来准
										备早餐，或去考虑早餐吃什么，即使遇到周末，也宁愿睡懒觉。但大家可知道，早餐距离
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--//底部链接与帮助-->
		<div id="footer">
			<div id="bg1">
				<div class="container">
					<span id="bg-link">友情链接</span>
					<ul>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
						<li><a href="#">美食天下</a></li>
					</ul>
				</div>
			</div>
			<div id="bg2">
				<div class="container">
					<div id="bg2-left">
						<div id="bg2-t">
							<ul>
								<li><img src="img/TIM图片20170612215357.png"/></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">使用帮助</a></li>
								<li><a href="#">美食菜谱</a></li>
								<a href="#">网站首页</a>
							</ul>
						</div>
						<div id="bg22">
							本站信息由网络收集及网友提供，中华美食网不负责信息内容的准确性和完整性，对此亦不承担任何保证责任。
						</div>
						<div id="bg23">
							蜀ICP备10008552号 Copyright(©) 2005 - 2016 www.zhms.cn All rights reserved.
						</div>
					</div>
					<div id="bg2-right">
						<img src="img/erweima.jpg"/>
						<div class="bg2-sao">
							扫一扫加入我们
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
